<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>夏日商品</title>
<style type="text/css">
#adverimg{width:430px;
          height:130px;
		  position:relative;}
#number{position:absolute;
        right:5px;
		bottom:2px;}
#number li{float:left;
           margin-right:5px;
		   width:20px;
		   height:20px;
		   border:1px #666 solid;
		   text-align:center;
		   line-height:20px;
		   font-size:12px;
		   list-style-type:none;
		   background-color:#fff;}
</style>
</head>

<body>
<div id="adverimg"><img src="../pic/adver-01.jpg" alt="夏日商品促销" />
<div id="number">
<ul>
<li><input type="button" name="1" value="1" /></li>
<li><input type="button" name="2" value="2" /></li>
<li><input type="button" name="3" value="3" /></li>
<li><input type="button" name="4" value="4" /></li>
<li><input type="button" name="5" value="5" /></li>
</ul>
</div>
</div>
</body>
</html>
